.image {
	&-bgimg {
		width: 600rpx;
		height: 300rpx;
		border-radius: 10rpx;
	}

	&-water {
		left: 0;
		width: 100rpx;
		height: 300rpx;
		position: absolute;
		border-radius: 10rpx;
	}
}

.slider {
	width: 600rpx;
	height: 100rpx;
	display: flex;
	align-items: center;
	pointer-events: none;
	margin-top: 15rpx;

	&-bar {
		width: 100%;
		align-items: center;
		border-radius: 100rpx;
		background-color: gray;

		&-txt {
			color: rgba(255, 255, 255, 0.5);
			font-size: 22rpx;
			line-height: 50rpx;
			text-align: center;
		}
	}

	&-btn {
		width: 100rpx;
		height: 100rpx;
		display: flex;
		position: absolute;
		align-items: center;
		pointer-events: auto;
		justify-content: center;
	}
}
